<template>
    <el-container class="contain">
        <el-header>
            <span class="title">系统用户列表</span>
        </el-header>
        <el-main>
    <el-table
    :data="list"
    stripe
    fit
    border
    style="width: 100%">
<!-- 
    <el-table-column>
        <template slot="header" slot-scope="scope">
        <el-input
          v-model="search"
          size="mini"
          placeholder="输入关键字搜索"/> 
      </template>-->
    <el-table-column
      prop="date"
      label="编号">
      <template slot-scope="scope">
          <span>{{scope.row.id}}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="账号">
      <template slot-scope="scope">
          <span>{{scope.row.username}}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="所属院校">
    </el-table-column>
    <el-table-column
      label="">
       <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" style="color:black;">详情</el-button>
      </template>
    </el-table-column>
    <!-- </el-table-column> -->
  </el-table>
  <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[10, 25, 50, 100]"
      :page-size="25"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total">
    </el-pagination>
        </el-main>
    </el-container>
    
</template>

<style scoped>
.contain{
    margin-left:30px;
    margin-right:30px;
}
.title{
    font-size: 24px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: rgb(120, 129, 136);
    margin-top: 15px;
    line-height: 60px;
}
</style>
<script>
import { GetUserMenuSet } from '@/api/menu-admin'

export default {
  data () {
    return {
      list: null,
      total: 0,
      listQuery: {
        pageIndex: 1,
        pageSize: 25
      },
      search:''
    }
  },
  created () {
    this.getlist()
  },
  methods: {
    getlist () {
      GetUserMenuSet(this.listQuery).then(response => {
        this.list = response.data.data
        this.total = response.data.total
      })
    }
  }
}
</script>